import React, { Component } from "react";
// styled-components可以让我们在js里面取写css
import styled from "styled-components";

// 定义的是组件
const Title = styled.p`
  font-size: 50px;
  color: ${(props) => props.color};
`;

class App extends Component {
  render() {
    return (
      <>
        <h3>styled-components</h3>
        <Title color="green">hello React!</Title>
        <Title color="red">hello React!</Title>
      </>
    );
  }
}

export default App;
